 @import "variables";
 @import "../../../shared/components/phtot-viewer/photo-viewer.component";
 photo-news {
   .header {
     display: flex;
     align-items: center;
     justify-content: space-between;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     z-index: 12;
     height: pxTorem(90);
     padding: pxTorem(30);
     opacity: 1;
     background: rgba(0, 0, 0, .7);
     transition: opacity .3s ease-in-out;
     .title {
       flex: 1;
       padding-right: pxTorem(21);
       text-align: center;
       @include font-dpr(32px);
       color: #fff;
     }
     .back-icon {
       position: relative;
       display: inline-block;
       @include icon(21, 40, '/assets/icon/fanhui_video.png')
     }
     .header-right {
       position: relative;
       display: flex;
       align-content: center;
     }
     .comment-icon {
       display: inline-block;
       position: absolute;
       top: 0;
       bottom: 0;
       left: pxTorem(-100);
       margin: auto;
       @include icon(44, 44, '#{$icons-path}/pic-message.png');
     }
     span {
       display: inline-block;
       position: absolute;
       top: 0;
       left: pxTorem(-80);
       height: pxTorem(30);
       padding: 0 pxTorem(8);
       line-height: pxTorem(30);
       text-align: center;
       @include font-dpr(20px);
       border-radius: pxTorem(15);
       color: #fff;
       background-color: #e94141;
     }
     img {
       border-radius: 50%;
       display: block;
       overflow: hidden;
       width: pxTorem(60px);
       height: pxTorem(60px);
     }
   }
   .introduce {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 300;
     padding: pxTorem(30);
     @include font-dpr(28px);
     color: #fff;
     background: rgba(0, 0, 0, .7);
     .content {
       overflow-y: scroll;
       height: pxTorem(210px);
      //  max-height: pxTorem(320px);
       line-height: pxTorem(35);
       text-align: justify;
       &::-webkit-scrollbar {
         width: 0;
       }
     }
     .total {
       display: inline-block;
      //  padding-top: pxTorem(30);
       @include font-dpr(40px);
     }
     .current {
       display: inline-block;
       margin-right: pxTorem(20);
       @include font-dpr(20px);
     }
   }
 }
